<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
		<title>搜你所想</title>
		<link rel="stylesheet" type="text/css" href="/stylesheets/bootstrap.css"/>	
		<link rel="stylesheet/less" type="text/css" href="/stylesheets/search2.less"/>
		<link rel="stylesheet" type="text/css" href="/stylesheets/animate.css"/>
		<script src="/js/less.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/template.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
			<img class="bodyBC" src="images/u5.jpg"/>
			<h1 >哇槽网<br />
				<small>吐你所吐</small>
			</h1>			
			<div id="searchDiv" class="container">
				<div id="">	
					<a id="goback" style="display:none;position: absolute;width: 30px;height: 30px;border-radius: 50%;background-color: white; left: 0px;top: 7px;color: lightcoral;line-height: 30px;text-align: center;">
						<span  class="glyphicon glyphicon-chevron-left" ></span>
					</a>
				 	<div class="ip">
						<input class="form-control" type="text" name="search" required id="search" value="" placeholder="请输入关键字或者ID" autocomplete="off" />
						<a  id="searchBtn" for="phone" ><span class="glyphicon glyphicon-search"></span></a>
					</div>
					<span class="badge dataCount" style="position: absolute;right: 0;bottom: 10px;display: none;">0</span>
					<ul id="recommend">
						<!--<li ><a  class="form-control"><span class="glyphicon glyphicon-time pull-left" data-sectionId="10"></span>我的世界</a></li>
						<li ><a  class="form-control"><span class="glyphicon glyphicon-search pull-left"></span>天晴了</a></li>
						<li ><a  class="form-control"><span class="glyphicon glyphicon-time pull-left"></span>哈哈哈</a></li>
						<li style="width: 100%;height: 100px;text-align: center;background-color: white;line-height: 100px;border-radius: 0 0 5px 5px;">找不到相关的搜索内容</li>-->
					</ul>
				</div>	
			</div>	
		<!--<div class="search-content" >-->
			
			<section id="data-content" style="display: none;">
				
				<footer class="loading">
					<div >
							<span class="glyphicon glyphicon-cloud-upload iconM"></span><span class="loadText">上拉加载</span>						
					</div>
				</footer>
			</section>
		<!--</div>-->			
			
		<div class="shortcutBtn" style="display: none;">
			<div class="container">
				<span id="backTop" class="glyphicon glyphicon-chevron-up"></span>
				<span id="backBottom" class="glyphicon glyphicon-chevron-down"></span>
			</div>
		</div>
		
		<section >
			<div class="btn-group" id="nav" style="display: none;" >
				<a href="index3.html" class="btn btn-default" ><span class="glyphicon glyphicon-home"></span></a>
				<a href="post.html" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span></a>
				<a href="userInfo.html" class="btn btn-default"><span class="glyphicon glyphicon-user"></span></a>
			</div>
		</section>
		
	</body>
</html>
<script id="recommendSection" type="text/html">
	{{each recommend as data index}}
		<li>
			<a href="/theme.html?id={{data.id}}" class="form-control">
			<span class="glyphicon glyphicon-search pull-left" data-sectionId={{data.id}}></span>{{data.content}}
			</a>
		</li>		
	{{/each}}
</script>
<script id="mainTemplate" type="text/html">
	<ul class="list-group" style="margin: 0;">
	{{each recommend as data index }}
			<a href="/theme.html?id={{data.id}}" class="locala">
			<li class="list-group-item moveTheme">
				
				<div class="list-group-item-text messageCon">
					<div class="author">
						
						<img src="{{data.authorPhoto}}" class="authorPhoto"/>
						<p>id: <span class="userID">{{data.user_id}}</span> </p>
						
					</div>
					<div class="message">
						<div class="mc">
							
						</div>
						<div class="img">
							<img src="{{data.out_img}}"/>
						</div>
						<span class="sectionTime">{{data.update_time}}</span>
					</div>
				</div>
				<div class="list-group-item-text listFooter">
					<span class="glyphicon glyphicon-heart-empty likeWC" ></span>
					<span class="favaCount">{{data.favaCount}}</span>
					<div class="pull-right">
						<span class="glyphicon glyphicon-envelope readWC" ></span>
						<span class="readCount">{{data.content_num}}</span>
					</div>					
				</div>
			</li>	
			</a>
	{{/each}}
	
	</ul>
</script>
<script src="/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
<script src="/javascripts/search2.js" type="text/javascript" charset="utf-8"></script>
